<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>hnustXl</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/lib/bootstrap/css/bootstrap.css">
   <!--  
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/lib/bootstrap/css/bootstrap.min.css">
 
  	<link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css">
     -->
  	
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/stylesheets/theme.css">   
    <link rel="stylesheet" href="__PUBLIC__/lib/font-awesome/css/font-awesome.css">

    <script src="__PUBLIC__/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/lib/bootstrap/js/bootstrap.js"></script>
	<script src="__PUBLIC__/lib/bootstrap/js/bootstrap.min.js"></script>
    <!-- Demo page code-->

    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
		.pagination a{	 
		  float: left;
		  padding: 0 14px;
		  line-height: 38px;
		  text-decoration: none;
		  background-color: #ffffff;
		  border: 1px solid #dddddd;
		  border-left-width: 0;
		}
		.pagination a:hover{
 		 background-color: #f5f5f5;
 		}
 		.pagination span{	 
		  float: left;
		  padding: 0 14px;
		  line-height: 38px;
		  text-decoration: none;
		  background-color: #ffffff;
		  border: 1px solid #dddddd;		 
		}
		.pagination span:hover{
 		 background-color: #f5f5f5;
 		}
 		.pagination .prev{
		  border-left-width: 1px;
		  -webkit-border-radius: 3px 0 0 3px;
		  -moz-border-radius: 3px 0 0 3px;
		  border-radius: 3px 0 0 3px;
		}
		.pagination .next{
		  border-right-width: 1px;
		  -webkit-border-radius: 0 3px 3px 0;
		  -moz-border-radius: 0 3px 3px 0;
		  border-radius: 0 3px 3px 0;
		}
		.table>tbody>.danger{
		 background-color: #f2dede;
		}
		.table>thead>.danger{
		  background-color: #BAF9AE;
		  color: #200EF5;		  
		}
		.content {	 
		  /*  手机显示 min-height: 350px;*/
		  min-height: 550px;
		  margin-right: 6px;		 
		}
		.well{
			/* 手机显示  width:350px;*/
			width:1062px;			
			border-right-width:0px;		
		}	
    </style>
  </head>
  <body class=""> 
  <!--<![endif]-->   
    <div class="navbar">
        <div class="navbar-inner">
                <ul class="nav pull-right">
                    <li id="fat-menu" class="dropdown">
                        <a href="{:U('Login/logout')}" >
                          <i class="icon-user"></i>
							Logout                    
                        </a>                    
                    </li>         
                </ul>
                <a class="brand" href="{:U('Index/index')}"><span class="second">{$_SESSION['name']}</span><span class="first"> welcome to </span><span class="second">hnustXl ！</span></a>
        </div>
    </div>
    <div class="sidebar-nav">
       <!-- <form class="search form-inline">
            <input type="text" placeholder="Search..."> 
        </form> -->
		 <a href="{:U('Show/table')}" class="nav-header"><i class="icon-table"></i>课表查询</a>		
        <a href="{:U('Show/school')}" class="nav-header"><i class="icon-calendar"></i>校历查询</a>
        <a href="{:U('Show/info')}" class="nav-header"><i class="icon-comment"></i>个人信息</a>
        <a href="#score" class="nav-header collapsed" data-toggle="collapse"><i class="icon-search"></i>成绩查询 </a>
        <ul id="score" class="nav nav-list collapse in">
            <li ><a href="{:U('Show/index')}">个人成绩查询</a></li>
            <li ><a href="#">他人成绩查询</a></li>
            <li ><a href="#">四六级成绩查询</a></li>
        </ul>       		
		<a href="#error-menu" class="nav-header collapsed" data-toggle="collapse"><i class="icon-plus-sign"></i>权限提升 </a>
        <ul id="error-menu" class="nav nav-list collapse">
            <li ><a href="#">绑定QQ邮箱</a></li>
        </ul>       
    </div>
	
	<!-- 表格  -->
    <div class="content">     
	<div class="well">
    <table class="table">
   	  <form class="search form-inline" action="{:U('From/index')}" method="post">
           <input type="text" style="width:160px;border-radius: 3px;" name="username" placeholder="学号">
            <input type="submit" style="margin-left:28px;width:74px;height:32px;margin-bottom:9px;" value="确认"> 
      </form>    
      <thead>
      	<tr class="danger">     		
      		<th>学号</th>
      		<th>{$_SESSION['username1']}</th>
      		<th>姓名</th>
      		<th>{$_SESSION['name1']}</th>
      		<th></th>
      	</tr> 
        <tr>
          <th>序号</th>
          <th>开课时间</th>
          <th>科目</th>
          <th>成绩</th>
          <th>学分</th>
        </tr>
      </thead>	  
      <tbody>
	      <foreach name='grade' item='v'>
			<if condition="$v.flag eq 0">
				  <tr class="danger">
				      <td>{$v.id}</td>
				      <td>{$v.time}</td>
				      <td>{$v.subject}</td>
				      <td>{$v.score}</td>
				      <td>{$v.xuefen}</td>
				   </tr>
			<else/>
				<tr>
			      <td>{$v.id}</td>
			      <td>{$v.time}</td>
			      <td>{$v.subject}</td>
			      <td>{$v.score}</td>
			      <td>{$v.xuefen}</td>
				</tr>
			</if>	   	 
		  </foreach>
      </tbody>
    </table>
	</div>	
	<div class="pagination" align='right'><!-- center -->
	<ul style="margin-right: 60px;"><li>{$page}</li></ul>
	</div>
	</div>
	<script src="__PUBLIC__/lib/bootstrap/js/bootstrap.js"></script>	
  </body>
</html>